<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<script language="javascript" type="text/javascript" src="datetimepicker.js"></script>
<title>Halaman Admin</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
	<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]--> 
</head>
<body class="details">
<div class="wrap">
	<div class="header">
    	<div class="logo"><a href="book?show=home"><img src="images/logo.png" alt="" title="" border="0" /></a></div>
        
        <div id="menu">
            <ul>                                                                       
            <li class="selected"><a href="book?show=home">Home</a></li>
            <<li><a href="details.html">about us</a></li>
            <li ><a href="details.html">services</a></li>
            <li><a href="details.html">work</a></li>
            <li><a href="contact.html">contact us</a></li>
            </ul>
        </div>
           
    </div> <!--End of header-->

    
  <div class="main_content">
	  <div class="">
       	   <h1>&nbsp; &nbsp;Booking Buku</h1>
           <form method="post" action="booking?show=inputbooking">
             <table width="718" border="0">
               <tr>
                 <td width="21" height="32">&nbsp;</td>
                 <td colspan="3"><font color="#FF0000" size="3">Maaf, buku sudah dibooking!</font></td>
                 <td width="39">&nbsp;</td>
               </tr>
               <tr>
                 <td height="33">&nbsp;</td>
                 <td width="176"><h3>Nama Buku</h3></td>
                 <td width="10">:</td>
                 <td width="438"><select name="pilihbooking">
                   <c:forEach items="${list_buku}" var="b">
                     <option value="${b.namaBuku}" > ${b.namaBuku} </option>
                   </c:forEach>
                 </select></td>
                 <td>&nbsp;</td>
               </tr>
               <tr>
                 <td height="35">&nbsp;</td>
                 <td><h3>Nama Peminjam</h3></td>
                 <td>:</td>
                 <td><select name="pilihusername">
                   <c:forEach items="${list_user}" var="b">
                     <option value="${b.username}" > ${b.username} </option>
                   </c:forEach>
                 </select></td>
                 <td>&nbsp;</td>
               </tr>
               <tr>
                 <td>&nbsp;</td>
                 <td><h3>Tanggal Peminjaman</h3></td>
                 <td>:</td>
                 <td><%--<input type="text" name="tanggal_peminjaman" />--%>
                   <input id="booking" type="text" name="tanggalbooking" size="20"
                   value="" />
                   <a href="javascript:NewCal('booking','ddmmyyyy')"> <img src="images/cal.gif" width="16" height="16" border="0"
                     alt="Pick a date"/></a></td>
                 <td>&nbsp;</td>
               </tr>
               <tr>
                 <td>&nbsp;</td>
                 <td>&nbsp;</td>
                 <td>&nbsp;</td>
                 <td><input type="submit" value="Simpan" />
                   &nbsp; &nbsp; <a href="servletuser?show=userhome">Kembali</a></td>
                 <td>&nbsp;</td>
               </tr>
             </table>
        </form>
	  </div> 
    		<!--End of left_content--><!--End of right_content-->          
            
   	  <div class="clear"></div>
    </div><!--End of main_content-->
</div><!--End of wrap-->
<div class="right_content>
</div>
<div class="footer">
	<div class="footer_content">
	  <div class="footer_tab1">
	    <h2>Get in touch</h2>
	    <span class="email">Email: appolo@gmail.com</span>
	    <div class="footer_info"> <span class="orange">Adress:</span>
	      <p class="info"> Jurusan Sistem Informasi ITS</p>
        </div>
	    <div class="footer_info"> <span class="orange">Phone:</span>
	      <p class="info"> 008 900 800 32   /    008 900 800 32 </p>
        </div>
	    <div class="footer_copyrights">
	      <div class="footer_copyrights"><span class="info"><img src="images/logo.png" alt="" title="" /></span></div>
	      <br />
	      &copy; 2012 All Rights Reserved </div>
      </div>
	  <!--End of footer_tab1-->
    	<div class="footer_tab2">
    	  <h2>Quotes</h2>
    	  <div class="favorites_box"> <span class="fav_nr">1</span>
    	    <p class="favorites">Dunia ibarat sebuah buku, kalau kita baru melihat satu tempat sama artinya kita baru membaca satu halaman. </p>
  	    </div>
    	  <div class="favorites_box"> <span class="fav_nr">2</span>
    	    <p class="favorites">Setiap buku adalah kutipan; setiap rumah adalah kutipan seluruh rimba   raya dan tambang-tambang dan bebatuan; setiap manusia adalah kutipan   dari semua leluhurnya. </p>
  	    </div>
    	  <div class="favorites_box"> <span class="fav_nr">3</span>
    	    <p class="favorites">Jika ingin menghancurkan sebuah bangsa dan peradaban, hancurkan buku-bukunya; maka pastilah bangsa itu akan musnah. </p>
  	    </div>
  	  </div>
    	<!--End of footer_tab2--> 
        
        
        
  <div class="footer_tab3">
        	<h2>Links</h2>
                <div class="footer_links">
                    <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Clients</a></li>
                    <li><a href="#">Work</a></li>
                    <li><a href="#">Terms &amp; conditions</a></li>
                    <li><a href="#">RSS</a></li>
                    <li><a href="#">Contact</a></li>
                    </ul>
                </div> 
        </div> <!--End of footer_tab3-->      
        
        
        
             
        
    <div class="clear"></div>
	</div> <!--End of footer_content-->
</div><!--End of footer-->


